<%@ include file="../common/top.jsp"%>
<link href="css/changePicture.css" rel="stylesheet" />
<div id="qwe">
    <div class="warp">
        <div class="broadcast" id="broadcast">
            <ul id="img_list">
                <li><img src="images/picturechange1.png" alt="1"></li>
                <li><img src="images/picturechange2.png" alt="2"></li>
                <li><img src="images/picturechange3.png" alt="3"></li>
                <li><img src="images/picturechange4.png" alt="4"></li>
            </ul>
            <ol id="button_list"> <!-- 轮播按钮 -->
                <li class="first-li" id="olli1">1</li>
                <li id="olli2">2</li>
                <li id="olli3">3</li>
                <li id="olli4">4</li>
            </ol>
        </div>
    </div>

    <div id="Sidebar">
        <div>
            <h2>Product List</h2>
        </div>
        <div id="SidebarContent">
            <a href="categoryForm?categoryId=FISH"><img src="images/fish_icon.gif"></a><br />
            Saltwater, Freshwater <br />
            <a href="categoryForm?categoryId=DOGS"><img src="images/dogs_icon.gif"></a><br />
            Various Breeds <br />
            <a href="categoryForm?categoryId=CATS"><img src="images/cats_icon.gif"></a><br />
            Various Breeds, Exotic Varieties <br />
            <a href="categoryForm?categoryId=REPTILES"><img src="images/reptiles_icon.gif"></a><br />
            Lizards, Turtles, Snakes <br />
            <a href="categoryForm?categoryId=BIRDS"><img src="images/birds_icon.gif"></a><br />
            Exotic Varieties
        </div>
    </div>
</div>
<div>
    <h2>Click the Picture To Enter</h2>
</div>
    <div id="qwe2">
        <div><a href="categoryForm?categoryId=FISH"><img src="images/fish.png"></a></div>
        <div><a href="categoryForm?categoryId=DOGS"><img src="images/dog.png"></a></div>
        <div><a href="categoryForm?categoryId=CATS"><img src="images/cat.png"></a></div>
        <div><a href="categoryForm?categoryId=REPTILES"><img src="images/reptiles.png"></a></div>
        <div><a href="categoryForm?categoryId=BIRDS"><img src="images/birds.png"></a></div>
        <div id="suspensionFrame"></div>
    </div>

<script type="text/javascript" src="js/changePicture.js"></script>
<%@ include file="../common/bottom.jsp"%>